<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<style>
<!--
.box > .heading {
height: 38px;
padding-left: 7px;
padding-right: 7px;
border: 1px solid #DBDBDB;
background: url('catalog/view/theme/mobile/image/box.png') repeat-x;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}

.box > .content {
padding: 10px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
min-height: 200px;
overflow: auto;
}


.box #content .box .content{
	 background:-webkit-gradient(linear, 0 0, 0 100%, from(#00FFFF), to(#42426F));
	 background:-moz-linear-gradient(top, #00FFFF,#42426F);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFF,endColorstr=#42426F,grandientType=1);
}

-->
</style>
<div class="box" >
	<div id="content">
	<?php echo $content_top; ?>
		<div >
				<div class="box">
					<div class="heading">
				      <h2><strong>预约创建服务</strong></h2>
				    </div>
				    <div class="content">
					<form action="<?php echo $next;?>" method="post"
						enctype="multipart/form-data" id="form">
						<table style="width:100%">
							<tr>
								<td>身份证号：<span style="color:red">*</span></td>
								<td><input type="text" name="card_no" /></td>
							</tr>
							
							<tr>
								<td>类型</td>
								<td><select name="bussness_type_id">
									<option value="-1">请选择....</option>
									<?php foreach ($bussnesss as $bussness) { ?>
										<option value="<?php echo $bussness['bussness_type_id']?>"><?php echo $bussness['type_name'];?></option>
									<?php }?>
								</select></td>
							</tr>
							
							<tr>
								<td style="width:30%">预约描述：<span style="color:red">*</span><br/><span style="font-size: 10px;color:#ffffff;">户籍查询请填写查询内容,其它可不填</span></td>
								<td><textarea  name="content" cols="20" rows="5" /></textarea>
							</tr>
							<tr>
								<td colspan="2" style="text-align: right;"><a onclick="$('#form').submit();" class="button"><?php echo '创建预约'; ?></a></td>
							</tr>
						</table>
					</form>
					</div>
				</div>
				
				<div class="box">
					<div class="heading">
				      <h2><strong>预约查询</strong></h2>
				    </div>
				    <div class="content">
				<form action="<?php echo $search;?>" method="post"
					enctype="multipart/form-data" id="queryForm">
				<div class="right">
			      </div>
					<table style="width:100%">
						<tr>
							<td>身份证号：<span style="color:red">*</span></td>
							<td><input type="text" name="card_no" value="<?php echo $card_no;?>"/></td>
						</tr>
						
						<tr>
							<td>类型</td>
							<td><select name="bussness_type_id">
								<option value="">请选择....</option>
								<?php foreach ($bussnesss as $bussness) { ?>
									<option value="<?php echo $bussness['bussness_type_id']?>" <?php if($bussness_type_id==$bussness['bussness_type_id']){?> selected="selected" <?php }?>><?php echo $bussness['type_name'];?></option>
								<?php }?>
							</select></td>
						</tr>
						<tr>
							<td colspan="2" style="text-align: right;"><a onclick="$('#queryForm').submit();" class="button"><?php echo '预约业务查询'; ?></a></td>
						</tr>
					</table>
				</form>
				<form>
					<?php if($orderInfos){?> 
						<table>
							<thead>
								<tr><th>预约人</th><th>预约类型</th><th>操作</th></tr>
							</thead>
							<?php foreach ($orderInfos as $orderInfo) { ?>
								<tr>
									<td><?php echo $orderInfo['card_no'];?></td>
									<td><?php echo $orderInfo['type_name'];?></td>
									<td><a href="<?php echo  $orderInfo['href'];?>" class="button">查看</a></td>
								</tr>
							<?php }?>
						</table>
					<?php }?>
				</form>
				</div>
				</div>
			
		</div>

	</div>
	<?php echo $content_bottom; ?>
</div>

<?php echo $footer;?>

